<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
	<title>jquery.preload 0.1</title>
	<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
	<script type="text/javascript" src="jquery.preload-0.1.js"></script>
	<style type="text/css">
	.preloader{display:block;width:500px;height:500px;background:#f5f5f5 url('http://www.reflexion.co.kr/mq/images/newImages/ajax-loader.gif') no-repeat center 100px;}
	</style>
</head>
<body>
<ul>
    <li><img src="http://farm7.staticflickr.com/6212/6297799892_b71794accd_z_d.jpg" width="500" height="500" alt="" /></li>
    <li><img src="http://farm7.staticflickr.com/6200/6152240526_03d21c8590_z_d.jpg" width="500" height="500" alt="" /></li>
    <li><img src="http://farm7.staticflickr.com/6100/6344363330_07ff756128_b_d.jpg" width="500" height="500" alt="" /></li>
</ul>

<script type="text/javascript">
//example
$(function(){
    $("ul img").preload();
});
</script>
</body>
</html>